<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/slider.css">
    <link rel="stylesheet" href="./css/homePage.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="top">
            <div class="topLink fr fs14 ">
                <span>欢迎光临</span>
                <a href="./homePage.html">乐购</a>
                <span>，请</span>
                <a href="./login.html">登录</a>
                <span>/</span>
                <a href="./register.html">注册</a>
            </div>
        </div>
        <div class="wrapper searchBar">
            <div class="fr bar fs16">
                <input type="text" class="search-box fl" placeholder="创意文具">
                <input type="button" class="search-btn fl ">
                <a href="./shoppingTrolley.html" class="shoppingCart">
                    <span></span>
                    购物车
                </a>
                <a href="./shoppingTrolley.html" class="orderForm">我的订单</a>
            </div>
        </div>
    </div>
    <!-- 轮播图和顶部链接 -->
    <div class="main wrapper">
        <div class="navTop">
            <img src="./imgs/logo.jpg">
            <ul class="navText">
                <li><a>图书</a></li>
                <li><a>电子书</a></li>
                <li><a>原创文学</a></li>
                <li><a>服装</a></li>
                <li><a>运动户外</a></li>
                <li><a>孕婴童</a></li>
                <li><a>家居</a></li>
                <li><a>创意文具</a></li>
                <li><a>地方特产</a></li>
                <li><a>海外购</a></li>
                <li><a>电器城</a></li>
            </ul>
        </div>
        <div class="banner wrapper">
            <ul class="fl listLeft">
                <li>
                    <p>
                        <a href="#">图书、电子书、童书</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">创意文具</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">服饰、内衣</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">鞋靴、箱包</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">运动户外</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">孕、婴、童</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">家居、家纺、汽车</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">家具、家装、康体</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">美妆、个人护理、成人</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">食品、茶酒、生鲜</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">腕表、珠宝、眼镜</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">手机、数码</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">电脑办公</a>
                    </p>
                    <div class="menu"></div>
                </li>
                <li>
                    <p>
                        <a href="#">家用电器</a>
                    </p>
                    <div class="menu"></div>
                </li>
            </ul>
            <div class="pptbox fl" id="slider">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="./imgs/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>
    </div>
    <!-- 今日推荐 -->
    <div class="dailyBox wrapper">
        <h2 class="fs24 color_o">乐购·今日推荐</h2>
        <div class="box clearfix">
            <div class="dailyMain border_l">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
            <div class="dailyMain">
                <img src="./imgs/index06_05.jpg" alt="">
                <img src="./imgs/index05_18.jpg" alt="">
                <div class="dailyText">
                    <a href="#" class="fs14">黑爵青蜂侠六键电竞游戏鼠标<div class="fs14 color_r">全国联保 一年免费包换</div></a>
                    <div class="price">￥：299</div>
                </div>
            </div>
        </div>

    </div>

    <!-- 电子书区域 -->
    <div class="wrapper bookBox clearfix floor">
        <div class="bookLeft fl">
            <div class="common_title clearfix ">
                <p class="fs28 fl">图书 电子书</p>
                <ul class="fr fs18">
                    <li class="fl active">最新上架</li>
                    <li class="fl">独家畅销</li>
                    <li class="fl">电子书</li>
                </ul>
            </div>
            <div class="common_body wrapper">
                <div class="common_main cur">
                    <ul class="fl img_style">
                        <li><img src="./imgs/index7_07.jpg" alt=""></li>
                        <li>
                            <ul class="text">
                                <li><a href="#">中小学教辅</a></li>
                                <li><a href="#">外语</a></li>
                                <li><a href="#">考试</a></li>
                                <li><a href="#">小说</a></li>
                                <li><a href="#">文学</a></li>
                                <li><a href="#">青春文学</a></li>
                                <li><a href="#">成功\励志</a></li>
                                <li><a href="#">管理</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">哲学\宗教</a></li>
                                <li><a href="#">亲子\家教</a></li>
                                <li><a href="#">全部分类></a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="pptbox fl pptbox_book">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl" style="">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                </div>
                <div class="common_main">
                    <ul class="fl img_style">
                        <li><img src="./imgs/index7_07.jpg" alt=""></li>
                        <li>
                            <ul class="text">
                                <li><a href="#">中小学教辅</a></li>
                                <li><a href="#">外语</a></li>
                                <li><a href="#">考试</a></li>
                                <li><a href="#">小说</a></li>
                                <li><a href="#">文学</a></li>
                                <li><a href="#">青春文学</a></li>
                                <li><a href="#">成功\励志</a></li>
                                <li><a href="#">管理</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">哲学\宗教</a></li>
                                <li><a href="#">亲子\家教</a></li>
                                <li><a href="#">全部分类></a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="pptbox fl pptbox_book">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl" style="">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                </div>
                <div class="common_main">
                    <ul class="fl img_style">
                        <li><img src="./imgs/index7_07.jpg" alt=""></li>
                        <li>
                            <ul class="text">
                                <li><a href="#">中小学教辅</a></li>
                                <li><a href="#">外语</a></li>
                                <li><a href="#">考试</a></li>
                                <li><a href="#">小说</a></li>
                                <li><a href="#">文学</a></li>
                                <li><a href="#">青春文学</a></li>
                                <li><a href="#">成功\励志</a></li>
                                <li><a href="#">管理</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">哲学\宗教</a></li>
                                <li><a href="#">亲子\家教</a></li>
                                <li><a href="#">全部分类></a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="pptbox fl pptbox_book">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./imgs/图书.jpg">
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl" style="">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                    <div class="bookList fl">
                        <p class="fs16">奥运狂欢</p>
                        <p class="color_r">10万种电子书 直降40%</p>
                        <img src="./imgs/index09_05.jpg" alt="">
                        <p><span class="fs18 color_r">￥49</span><span class="fs18 color_g">￥79</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bookRight fr">
            <h3 class="fs24 tcenter">新书排行榜</h3>
            <ul>
                <li class="active">
                    <span class="num color_r">1</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num color_r">2</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num color_r">3</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">4</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">5</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">6</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">7</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 服装区域 -->
    <div class="cloth wrapper floor">
        <div class="common_title clearfix">
            <p class="fs28 fl">服装</p>
            <ul class="fr fs18">
                <li class="fl active">女装内衣</li>
                <li class="fl">热销男装</li>
                <li class="fl">精品鞋靴</li>
            </ul>
        </div>
        <div class="common_body wrapper">
            <div class="common_main cur">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 服装区轮播图 -->
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/index10_05.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/index10_05.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/index10_05.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/index10_05.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/index10_05.jpg">
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
            <div class="common_main">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
            <div class="common_main">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 户外运动区域 -->
    <div class="sport wrapper floor">
        <div class="common_title clearfix">
            <p class="fs28 fl">户外运动</p>
            <ul class="fr fs18">
                <li class="fl active">国际名品</li>
                <li class="fl">户外装备</li>
                <li class="fl">运动潮流</li>
            </ul>
        </div>
        <div class="common_body wrapper">
            <div class="common_main cur">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
            <div class="common_main">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
            <div class="common_main">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 儿童区域 -->
    <div class="children wrapper floor">
        <div class="common_title clearfix">
            <p class="fs28 fl">童装 童鞋 婴儿装</p>
            <ul class="fr fs18">
                <li class="fl active">儿童服装</li>
                <li class="fl">婴儿装</li>
                <li class="fl">小潮童鞋</li>
            </ul>
        </div>
        <div class="common_body wrapper">
            <div class="common_main cur">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童1.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童3.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
            <div class="common_main">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童6.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
            <div class="common_main">
                <ul class="fl img_style">
                    <li><img src="./imgs/index7_17.jpg" alt=""></li>
                    <li>
                        <ul class="text">
                            <li><a href="#">女包</a></li>
                            <li><a href="#">防晒品</a></li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">冰丝内裤</a></li>
                            <li><a href="#">男包</a></li>
                            <li><a href="#">功能箱包</a></li>
                            <li><a href="#">蕾丝衬衫</a></li>
                            <li><a href="#">奢侈品</a></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">女包</a></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">全部分类></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="pptbox fl pptbox_cloth">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/儿童1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img1_style" src="./imgs/index100_05.jpg" alt=""></a>
                <a href="#"><img class="fl img2_style" src="./imgs/index11_08.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <a href="#"><img class="fl img3_style" src="./imgs/index100_11.jpg" alt=""></a>
                <div>
                    <img src="./imgs/index15_13.jpg" alt=""><img src="./imgs/index15_14.jpg" alt=""><img
                        src="./imgs/logo13_11.jpg" alt=""><img src="./imgs/logo13_12.jpg" alt=""><img
                        src="./imgs/logo13_13.jpg" alt=""><img src="./imgs/logo13_14.jpg" alt=""><img
                        src="./imgs/logo13_15.jpg" alt=""><img src="./imgs/logo13_16.jpg" alt=""><img
                        src="./imgs/logo13_17.jpg" alt="">
                </div>
            </div>
        </div>
    </div>


    <div class="dailyUse wrapper floor">
        <h2 class="fs24">家居日用</h2>
        <div class="box clearfix">
            <img class="fl" src="./imgs/index21_05.jpg" alt="">
            <img class="fl kt" src="./imgs/index22_05.jpg" alt="">
            <img class="fl kt" src="./imgs/index22_05.jpg" alt="">
            <img class="fl kt" src="./imgs/index22_05.jpg" alt="">
            <img class="fl kt" src="./imgs/index22_05.jpg" alt="">
            <img class="fl cooker" src="./imgs/index23_08.jpg" alt="">
            <img class="fl cooker" src="./imgs/index23_08.jpg" alt="">
            <img class="fl cooker" src="./imgs/index23_08.jpg" alt="">
            <img class="fl cooker" src="./imgs/index23_08.jpg" alt="">
        </div>
    </div>

    <div class="promotion wrapper floor">
        <h2 class="fs24 color_o">推广产品</h2>
        <div class="box clearfix">
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
            <div>
                <img src="./imgs/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="fs24 color_r">￥:189</p>
                <p class="fs14">已有988条评价</p>
            </div>
        </div>
    </div>

    <!-- 楼层滚动 -->
    <ul class="floorBox">
        <li class="book">图书</li>
        <li class="cloth">服装</li>
        <li class="sport">运动</li>
        <li class="children">童装</li>
        <li class="home">家居</li>
    </ul>
    <div class="returnTop wrapper">
        <img src="./imgs/gototop_05.jpg" alt="">
    </div>
    
         



    <!-- 尾部 -->
    <footer>
        <div class="footTop">
            <div class="wrapper">
                <div class="pics">
                    <img src="./imgs/222_11.png" alt="">
                    <img src="./imgs/222_13(1).png" alt="">
                    <img src="./imgs/222_15.png" alt="">
                    <img src="./imgs/222_17.png" alt="">
                </div>
            </div>
        </div>
        <div class="wrapper service clearfix">
            <ul class="fl">
                <li class="title"><a href="#"> 购物指南</a></li>
                <li><a href="#"> 购物流程</a></li>
                <li><a href="#"> 发票制度</a></li>
                <li><a href="#"> 账户管理</a></li>
                <li><a href="#"> 会员优惠</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 支付方式</a></li>
                <li><a href="#"> 货到付款</a></li>
                <li><a href="#"> 网上支付</a></li>
                <li><a href="#"> 礼品卡支付</a></li>
                <li><a href="#"> 银行转帐</a></li>

            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 订单服务</a></li>
                <li><a href="#"> 订单配送查询</a></li>
                <li><a href="#"> 订单状态说明</a></li>
                <li><a href="#"> 自助取消订单</a></li>
                <li><a href="#"> 自助修改订单</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 退换货</a></li>
                <li><a href="#"> 退换货政策</a></li>
                <li><a href="#"> 自助申请退换货</a></li>
                <li><a href="#"> 退换货进度查询</a></li>
                <li><a href="#"> 退款方式和时间</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 商家服务</a></li>
                <li><a href="#"> 商家中心</a></li>
                <li><a href="#"> 运营服务</a></li>
                <li><a href="#"> 加入尾品汇</a></li>
            </ul>
            <a href="homePage.html" class="fr">
                <img src="./imgs/logo_00.png" alt="">
            </a>
        </div>
        <div class="wrapper footBottom">
            <div class="fbText">
                <p>
                    <a href="#">公司简介</a> |
                    <a href="#">Investor Relations</a> |
                    <a href="#">网站联盟</a> |
                    <a href="#"> 乐购招商 </a>|
                    <a href="#">机构销售 </a>|
                    <a href="#">手机乐购 </a>|
                    <a href="#">官方Blog </a>|
                    <a href="#">热词搜索</a>
                </p>
                <p>
                    Copyright (C) 乐购网 2004-2016, All Rights Reserved
                </p>
            </div>
        </div>
    </footer>



    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/jquery.slidebox.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/homePage.js"></script>
</body>

</html>